<%@page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="mtw" uri="http://www.mentaframework.org/tags-mtw/"%>

<!DOCTYPE HTML>
<html>
<link type ="text/css" rel="stylesheet" href="/AutoERP/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="/AutoERP/css/fam-icons.css" />
        <!-- HEADER -->
		
        <header class="container-fluid">

            <div class="row-fluid">

                <div class="span12">

                    <div class="navbar">

                        <div class="navbar-inner">

                            <div class="container">
								<h2><img src="/AutoERP/img/Logo.png" alt=""></h2>


                            </div>

                        </div>

                    </div>

                </div>

            </div>


        <!-- / HEADER -->
<script src="/AutoERP/js/bootstrap.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

	
	
	
	
	
	
	

</header>

<body>
	
<div class="navbar ">
	<div class="navbar-inner">
		<div class="container-fluid">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<a class="brand" href="#" name="top">Enterprise</a>
			<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="<mtw:contextPath/>/jsp/index.jsp"><i class="icon-home icon-black"></i> Home</a></li>
					<li class="divider-vertical"></li>
					
					<li><a href="#"><i class="icon-lock icon-black"></i> Administrador</a></li>
					<li class="divider-vertical"></li>
					
					<li><a href="#"><i class="icon-user icon-black"></i> Funcionário</a></li>
					<li class="divider-vertical"></li>
					
					<li class="divider-vertical"><a href="<mtw:contextPath/>/Cliente.listar.mtw"><i class="icon-user icon-black"></i> Cliente</a></li>
					<li class="divider-vertical"></li>
					<li class="divider-vertical"><a href="#"><i class="icon-wrench icon-black"></i> Carro</a></li>
					<li class="divider-vertical"></li>
					<li class="active"><a href="<mtw:contextPath/>/OrdemServico.listarOS.mtw"><i class="icon-ok icon-black"></i> Serviço</a></li>
					<li class="divider-vertical"></li>
                  	<li><a href="#"><i class="icon-envelope icon-black"></i> Mensagens</a></li>
					<li class="divider-vertical"></li>
					<li><a href="#"><i class="icon-lock icon-black"></i> Permissions</a></li>
					<li class="divider-vertical"></li>
				</ul>
				<div class="btn-group pull-right">
					<!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i> admin	<span class="caret"></span>
					</a>-->
					<!--<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-wrench"></i> Settings</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="icon-share"></i> Logout</a></li>
					</ul>-->
				</div>
			</div>
			<!--/.nav-collapse -->
		</div>
		<!--/.container-fluid -->
	</div>
	<!--/.navbar-inner -->
</div>

    <div class="alert alert-block">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <h4>Atenção!</h4> Selecione o Cliente para qual a Ordem de Serviço será aberta.
    </div>
   




<form action="<mtw:contextPath/>/OrdemServico.buscarCliente.mtw" method="post" class="form-horizontal">
	<div style="margin-left: 20px;">
			<div class="btn-toolbar">
							
					<div class="input-append">

<select name="id_busca" style="margin-left: 30px;" class ="span3" >
<option value="0">- Selecione o Tipo de Busca -</option>
<option value="01">Nome</option>
<option value="02">Código</option>
</select>
<input style="margin-left: 20px;" id="de_busca" name="de_busca" class="input-block-level" type="text"  placeholder ="Escreva o texto a ser buscado..." ><span class="add-on"><i class="icon-search"></i></span>
														
							
							<button class="btn btn-success" > Buscar</button>
							
							
					</div>
						</div>
			
	</div>
	
</form>
<div class="well">
    <table class="table table-striped">
      <thead>
        <tr>
          <th>Código</th>
          <th>Nome</th>
          <th>Celular</th>
		  <th>RG</th>
          <th>Orgão Exp.</th>
		  <th>CPF</th>
          <th style="width: 36px;"></th>
        </tr>
      </thead>
      <tbody>
      <mtw:list value="listaClientes">
<mtw:isEmpty><jsp:forward page="/OrdemServico.listarClientes.mtw"></jsp:forward></mtw:isEmpty>
<mtw:loop>
        <tr>
          <td><mtw:out value="id_cliente"></mtw:out></td>
          <td><mtw:out value="de_nome"></mtw:out></td>
          <td><mtw:out value="nu_tel_celular"></mtw:out></td>
		  <td><mtw:out value="nu_rg"></mtw:out></td>
		  <td><mtw:out value="de_orgao_expeditor"></mtw:out></td>
		  <td><mtw:out value="nu_cpf"></mtw:out></td>
		  
			  <td> 
           
          
		  </td>
		  <td>
          <a href="#" class="btn"><i class="icon-align-justify"></i><strong> Exibir</strong></a> 
          <a href="<mtw:contextPath/>/OrdemServico.novaOS.mtw?id_carro=0&id_cliente=<mtw:out value="id_cliente"/>" class="btn"><i class="icon-edit"></i><strong>  Selecionar</strong></a></td>          
        </tr>
         
</mtw:loop>
</mtw:list>
             
      </tbody>
    </table>
</div>
    
    




    
</div>
<div class="pagination">
    <ul>
        <li><a href="#">Prev</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">Next</a></li>
    </ul>
</div>
<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Delete Confirmation</h3>
    </div>
    <div class="modal-body">
        <p class="error-text">Are you sure you want to delete the user?</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button class="btn btn-danger" data-dismiss="modal">Delete</button>
    </div>
</div>


</body>
<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="#">Copyright (c) Brazil  Contact admin@enterprise.com</a>
					</li>
				</ul>
</div>

</html>